<template>
    <div>
        <el-tabs v-model="activeName" type="card">
            <el-tab-pane label="首页" name="home">
                <ShiTu></ShiTu>
            </el-tab-pane>
            <el-tab-pane label="个人中心" name="second">暂未开发</el-tab-pane>
            <el-tab-pane label="注册" name="third">角色管理</el-tab-pane>
            <el-tab-pane label="历史记录" name="fourth">
                <History></History>
            </el-tab-pane>
            <el-tab-pane label="回收站" name="fifth">回收站</el-tab-pane>
            <el-tab-pane label="联系我们" name="sixth">联系我们</el-tab-pane>
        </el-tabs>
    </div>
</template>

<script>
    import History from '@/components/History.vue'
    import ShiTu from '@/components/ShiTu.vue'

    export default {
        name: "Header",
        components: {
            History,
            ShiTu
        },
        data() {
            return {
                activeName: 'first'
            };
        },
        methods: {}
    }
</script>

<style scoped>

</style>